body{
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.modal-box {
    height: 450px;
    overflow-x: hidden;
    overflow-y: auto; 
}


/* 全局滚动条整体样式 */
.modal-box::-webkit-scrollbar {
  width: 6px;  /* 垂直滚动条宽度 */
  height: 6px; /* 水平滚动条高度 */
}

/* 滚动条轨道 */
.modal-box::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 3px;
}

/* 滚动条滑块 */
.modal-box::-webkit-scrollbar-thumb {
  background: #ffffff;
  border-radius: 3px;
  transition: background 0.2s ease;
}

/* 滚动条滑块悬停状态 */
.modal-box::-webkit-scrollbar-thumb:hover {
  background: #e4e4e4;
}

/* 滚动条滑块激活状态 */
.modal-box::-webkit-scrollbar-thumb:active {
  background: #ffffff;
}

/* 滚动条角落（水平和垂直滚动条交汇处） */
.modal-box::-webkit-scrollbar-corner {
  background: #ffffff;
}